<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
</head>
<body>

<div class="page container">
    <nav>
        <ul class="pagination" id="pc" name="pc">
            <li class="disabled">
                <a href="#" aria-label="headpage">
                    首页
                </a>
            </li>
            <li>
                <a href="#" aria-label="Previous">
                    上一页
                </a>
            </li>
            <li class="active"><a href="#" class="pagenum">1</a></li>
            <li><a href="#" class="pagenum">2</a></li>
            <li><a href="#" class="pagenum">3</a></li>
            <li><a href="#" class="pagenum">4</a></li>
            <li>
                <a href="#" aria-label="Next">
                    下一页
                </a>
            </li>
            <li>
                <a href="#" aria-label="endpage">
                    末页
                </a>
            </li>
            <li>
                <p  >共 12 页</p>
            </li>
            <li>
                <p  >当前</p>
                <input type="text" class="input-sm" id="jumpinput" placeholder="1">
                <p>页</p>
            </li>
            <li>
                <a href="#" aria-label="jump">确定</a>
            </li>
        </ul>

    </nav>
</div>
</body>

<script type="text/javascript" src="../dist/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/page.js"></script>
</html>
